<template>
  <el-tooltip :content="content"
              :placement="placement"
              :effect="effect"
              :hide-after="hideAfter">
    <slot />
  </el-tooltip>
</template>

<script>
export default {
  name: 'Tooltip',
  props: {
    content: {
      type: String,
      default: ''
    },
    placement: {
      type: String,
      default: 'bottom-start'
    },
    effect: {
      type: String,
      default: 'light'
    },
    hideAfter: {
      type: Number,
      default: 2000
    }
  }
}
</script>

<style>
</style>